<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
    <title>确认订单</title>
    <!-- 引入字体图标 -->
    <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
    <!-- 引入初始化的css文件 -->
    <link rel="stylesheet" href="./css/base.css">
    <!-- 引入确认订单的css文件 -->
    <link rel="stylesheet" href="./css/order.css">
    <!-- 引入网站图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
</head>

<body>
    <!-- 顶部区域 -->
    <div class="write">填写订单</div>
    <!-- 主体区域 -->
    <div class="main">
        <!-- 地址区域 -->
        <div class="address common">
            <a href="#" class="location iconfont icon-location"></a>
            <div class="message">
                <p>林丽 18500667882</p>
                <p>北京市 海淀区 中关村软件园 信息科技大厦1号
                    楼410# </p>
            </div>
            <a href="#" class="slice iconfont icon-more"></a>
        </div>
        <!-- 商品区域 -->
        <div class="goods common">
            <a href="#" class="pic"><img src="uploads/pic.png" alt=""></a>
            <div class="detail">
                <p>康尔贝 非接触式红外体温仪<br /> 领券立减30元 婴儿级材质 测温…</p>
                <p>粉色 红外体温计</p>
                <p><i>¥</i>266 <del>¥299</del></p>
            </div>
            <div class="number">x1</div>
        </div>
        <!-- 方式区域 -->
        <div class="way common">
            <ul>
                <li>配送方式</li>
                <li>买家备注</li>
                <li>支付方式</li>
            </ul>
            <!-- 买家备注区域 开始-->
            <div class="memo">希望可以尽快发货，谢谢~</div>
            <!-- 买家备注区域 结束-->
            <ul class="way-right">
                <li>顺丰快递</li>
                <a href="#">
                    支付宝
                    <span class="iconfont icon-more"></span>
                </a>
            </ul>
        </div>
        <!-- 总计区域 -->
        <div class="way common sum">
            <ul>
                <li>商品总价</li>
                <li>运费</li>
                <li>折扣</li>
            </ul>
            <ul class="way-right">
                <li>¥299.00</li>
                <li>¥0.00</li>
                <li class="jian">-¥30.00</li>
            </ul>
        </div>
    </div>
    <!-- 底部支付区域 -->
    <div class="pay">
        <div class="heji">
            <span>合计:</span>
            <span><i>¥</i>266.00</span>
        </div>
        <a href="#" class="zhifu">去支付</a>
    </div>
</body>

</html>